<!-- 报告公示 -->
<template>
  <devArticle>
    <card>
      <p slot="title">
        <Row>
          <Col span="12" style="line-height:32px !important">报告公示
          </Col>
          <Col span="12" style="text-align: right">
          <Button type="primary">公示</Button>
          </Col>
        </Row>
      </p>
      <table width="100%" cellspacing="0" cellpadding="0" border="1px">
        <tr>
          <th colspan="4">报告公示表</th>
        </tr>
        <tr>
          <td width="25%">项目编号</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td>项目名称</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td>建设单位</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td>建设地点</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td>报告类型</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td width="25%">项目负责人</td>
          <td width="25%"></td>
          <td width="25%">项目组其他成员</td>
          <td width="25%"></td>
        </tr>
        <tr>
          <td width="25%">审批部门</td>
          <td width="25%"></td>
          <td width="25%">公示时间</td>
          <td width="25%"></td>
        </tr>
        <tr>
          <td rowspan="2" width="25%">公式网址</td>
          <td colspan="3" class="left">网站名：</td>
        </tr>
        <tr>
          <td colspan="3" class="left" width="75%">公示链接：</td>
        </tr>
        <tr>
          <td width="25%">公示截图</td>
          <td colspan="3" width="75%">
            <Button>上传</Button>
          </td>
        </tr>
        <tr>
          <td width="25%">公众参与报告</td>
          <td colspan="3" width="75%">
            <Button>上传</Button>
          </td>
        </tr>
        <tr>
          <td rowspan="3" width="25%">是否收到投诉及意见</td>
          <td colspan="3" width="75%">
            <RadioGroup v-model="whether">
              <Radio label="yes">
                <span>是</span>
              </Radio>
              <Radio label="no">
                <span>否</span>
              </Radio>
            </RadioGroup>
          </td>
        </tr>
        <tr>
          <td colspan="3">
            <div style="width:99%;margin:auto;height:100%;">
              <Table border ref="selection" style="border: none" :columns="columns1" :data="data1"></Table>
            </div>
          </td>
        </tr>
        <tr>
          <td colspan="3">
            <Button type="primary">添加</Button>
            <Button type="error">删除</Button>
          </td>
        </tr>
      </table>
      <Row type="flex" justify="space-between" class="topmargin">
        <Col span="4">
          <Button type="primary">打印</Button>
        </Col>
        <Col span="4">
        <div style="float: right">
          <Button type="primary">保存</Button>
          <Button type="primary" @click="toreportarchives">提交</Button>
        </div>
        </Col>
      </Row>
    </card>
  </devArticle>
</template>
<script>
export default {
  data() {
    return {
      columns1: [{
          type: 'selection',
          width: 60,
          align: 'center'
        },
        {
          title: '1',
          key: 'one'
        },
        {
          title: '2',
          key: 'two'
        },
        {
          title: '3',
          key: 'three'
        }
      ],
      data1: [{
          one: '1',
          two: '投诉及意见',
          three: '解决及结果'
        },
        {
          one: '2',
          two: '',
          three: ''
        },
        {
          one: '3',
          two: '',
          three: ''
        }
      ],
      whether: 'no',
    }
  },
  methods:{
    toreportarchives(){
      this.$router.push('/My/reportArchives')
    }
  }
}


</script>
<style lang="less" src="./card.less">
</style>
<style>
p {
  overflow: visible;
}

.left {
  text-align: left;
  padding-left: 10px;
}

.tabsty {
  border: none;
}
.topmargin{
        margin-top: 20px;
      }
</style>
